/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑"; font-size:14px; color:#333;}
ul,li,ol,a{list-style: none; text-decoration: none; color: #666;}

.box{width: 1200px; margin: 0 auto;}

/* TOP */
.top_box{width: 100%; height: 85px; position: relative}
.top{ width: 100%; height: 115px; position: fixed; background: #fff; z-index: 9999}
.logo{ width: 364px;  height: 85px;float: left; background: url(../images/logo.jpg) no-repeat center;}
.logo a{ display: block; width: 100% ; height: 85px; text-indent: -9999px;}
.top_head{width: 100%; height: 30px; line-height: 30px; background: #2c3031;color:#fff;}
.top_head a{color:#fff;}
.top_head h1,.top_head h2{font-size:14px; color:#fff;}
.language{width: 190px; float: right; padding-top: 30px;}
.lan{float: left; width: 48%; text-align: right;}
.lan a:hover{color: #28a059}
.english{background: url(../images/en.jpg) no-repeat left}
.chinese{background: url(../images/zh.jpg) no-repeat left}
.lan-s{width: 1px; height: 14px; float: left; margin-left: 2%; margin-top: 3px; border-right: 1px solid #333}
.nav{width: 630px; height: 85px; float: right}
.nav li{width: 105px; float: left; text-align: center; line-height: 85px}
.nav li a{font-size: 16px;}
.nav li a:hover{color:#e6212a}

/* BANNER */
.banner{ width: 100%; height: 596px; background: url(../images/banner.jpg) no-repeat center;}
  

/* PRODUCT */
.product_r{width: 100%; height: 464px; background: -webkit-linear-gradient(#fafafb, #f1f2f4);
  background: -o-linear-gradient(#fafafb, #f1f2f4); 
  background: -moz-linear-gradient(#fafafb, #f1f2f4); 
  background: linear-gradient(#fafafb, #f1f2f4); }
.swiper-container-r {width: 1200px;height: 464px; margin: 0 auto; overflow: hidden;}
.swiper-slide-r{width: 100%;background: linear-gradient(#fafafb, #f1f2f4);}
.product_r_left{width: 720px; height: auto; float: left;}
.left_title_index{ padding-top: 40px; padding-bottom: 40px;}
.left_title_index p{ font-size: 24px; font-weight: bold; color: #333;line-height: 24px; padding-bottom: 10px;}
.left_title_index font{font-size: 20px; color: #333;}
.product_r_contact{line-height: 28px; width: 90%;}
.product_r_contact p{padding-bottom: 20px;}
.product_r_contact img{padding-bottom: 20px;}
.pro_r_more{ width: 165px; height: 42px; display: block;  background: #e6212a; line-height: 42px; text-align: center; color: #fff;}
.pro_r_more:hover{ background: #fd3a42}
.product_r_right{width: 460px; height: 464px; float: right}
.product_r_right img{width: 100%;}
.product{width: 1400px; height: 361px; margin: 0 auto; padding-top: 25px; padding-bottom: 10px;}
.title{width: 100%; height: 45px; margin-bottom: 30px;}
.title_main{width: 160px; height: 45px; float: left}
.title_main p{ font-size: 20px;}
.title_main font{font-size: 16px; font-weight: bold;}
.product_list_index{width: 600px;height: 45px; float: right; text-align: right; line-height: 50px; color: #ddd}
.product_list_index a{padding-left: 10px; padding-right: 10px; color: #999}
.product_list_index a:hover{color:#e6212a}
.swiper-container {width: 1200px;height: 266px;}
.swiper-slide-p {text-align: center;font-size: 18px;background: #dddddd; }
.swiper-slide-p:hover {background: #e6212a; }
.swiper-slide-p img{width: 100%; height: 221px;}
.swiper-slide-p p{height: 45px;}
.swiper-slide-p p a{color:#333; font-size: 16px; line-height: 35px;display: block; height: 100%; width: 100%;}
.swiper-slide-p:hover p a {color: #fff; }
#out_swiper{width: 1300px;margin: 0 auto; position: relative}
.swiper_btn_next{width: 35px!important; height: 35px!important; background: url(../images/next.jpg) no-repeat center!important;top: 55%!important; right: -10px!important;}
.swiper_btn_prev{width: 35px!important; height: 35px!important; background: url(../images/prev.jpg) no-repeat center!important;top: 55%!important; left: -10px!important;}


/* ABOUT */
.about_index{width: 100%; height: 400px; background: url(../images/about.jpg) no-repeat center; color: #fff; padding-top:55px;padding-bottom:55px;}
.about_video{width: 453px; height: 400px; float: left;}
.about_video video{ width: 100%; height: 100%;}
.about_content{width:627px; height: 310px; background: #c21a31; float: right; padding: 45px;}
.about_index_title{width: 100%; height: 65px; border-bottom: 1px #fff solid;}
.about_index_t{ width: 105px; height: 65px; float: left}
.about_index_t p{font-size: 20px;}
.about_index_t font{font-size: 17px; font-weight: bold;}
.about_index_c{height: 40px; width: 460px; float: right;font-size: 18px; padding-top: 25px}
.about_index_cc{width: 100%; height: 195px; font-size: 14px; line-height: 32px; margin-top: 15px;}
.about_more{display: block; width: 165px; height: 42px; float: right; border: 1px solid #fff; text-align: center; line-height: 42px; color: #fff;}

/* NEWS */
.news_index{width: 1200px; height: 480px; margin: 0 auto; padding-top: 30px;}
.news_index_list{width: 760px; height: 365px; float: left}
.news_index_list ul li{width:355px;float: left; margin-right: 25px; margin-bottom: 10px;}
.news_index_name{width: 100%; height: 36px; line-height: 36px;}
.news_index_name p{width: 60%; float: left}
.news_index_name p a{color: #000;}
.news_index_name font{width: 40%; color: #999; font-size: 12px; text-align: right; display:block; float: right}
.news_index_desc{font-size: 12px; line-height: 24px;}
.first_news{ width: 409px; height: 366px; float: right; position: relative}
.first_news img{ position: absolute; z-index: 5; width: 100%; height: 100%;}
.first_news_con{ position: absolute; bottom: 0; width: 94%; height: 65px; background: rgba(0,0,0,0.7); z-index: 10; padding: 3%;}
.first_news_con p{ height: 24px;}
.first_news_con p a{color:#fff;}
.first_news_con font{color:#646464}

/* FOOT */
.foot{ width: 100% ;height: 300px; background: url(../images/foot.jpg) no-repeat center;}
.foot p{font-size: 16px; color: #fff; font-weight: bold;height: 38px;}
.foot a{ color:#fff; display: block; height: 17px;}
.foot_nav{width: 215px; height: 200px; float: right; margin-right: 20px; margin-top: 60px;}
.foot_nav1{width: 300px; height: 200px; float: right;margin-top: 60px;}
.copyright{ background: #2c3031; color: #fff;  text-align: center; height: 60px; line-height: 60px; }
.copyright a{color: #fff; }

/* child */
.webloc{ width: 1200px; height: 65px; line-height: 65px;border-bottom: 1px dashed #dcdcdc;border-top: 1px dashed #dcdcdc; margin: 30px auto; }
.webloc b {border-left: 10px solid #c21a31;font-weight: normal;padding-left: 8px;}
.webloc a{ color:#000;}
.main{ width:1200px; margin:0 auto; height:auto; zoom:1;overflow:hidden; margin-bottom:30px}
.main_left{ width:250px; height:auto; float:left; background:#fff;}
.left_title{ width:220px; height:60px; background:#c21a31; color:#fff; line-height:60px; font-size:16px !important;    padding-left: 30px;}
.main_left ul { list-style:none;}
.li_c1{width: 215px;height: 46px;line-height: 46px;padding-left: 35px;background-image: url(../images/pro_list1.jpg)!important;border-bottom: 1px solid #e3e3e3;}
.li_c1 a{ color:#666; text-decoration:none}
.li_c1 a:hover{ color:#0857b3}
.li_c2{width: 201px;height: 36px;line-height: 36px;padding-left: 49px; background-image: url(../images/pro_list2.jpg)!important;border-bottom: 1px solid #e3e3e3; }
.li_c2 a{ color:#666; text-decoration:none; font-size:12px;}
.li_c2 a:hover{ color:#0857b3}
.main_right{ width:920px; float:right; height:auto; background:#fff; margin-bottom:30px}
.z_title{ width:100%; height:70px;line-height:50px;  font-size:24px; text-align:center  }
.zy_p{ width:50%; height:30px; line-height:30px; float:right; font-size:12px; text-align:right;}
.zy_p a{ color:#666}
.zy_content{ width:100%; line-height:28px}
.zy_content a{ color:#666;}
.pro_box{ width:920px; height:auto; list-style:none; margin-top:20px;  }
.pro_box li{ width:290px; height:260px; float: left;text-align:center; border: 1px solid #dedede; margin-right: 13px; margin-bottom: 13px;}
.pro_box li:hover{border: 1px solid #ffbd14;}
.pro_box li:hover a{color: #ffbd14}
.pro_box_img{ width:100%;}
.pro_box li img{ max-width:100%;  height: 220px;  border:1px #cecece solid;}
.pro_box li p{ padding-left: 10px;}
.pro_box li p small{ color: #888}
.pro_box li a{ color:#666; text-decoration:none; font-size:14px;}

.nry_new_list ul{ list-style:none;}
.nry_new_list ul li{ padding:20px; height: 135px; width:878px; border: 1px solid #dedede;margin-bottom: 15px; color: #797979; font-size: 14px; line-height: 32px;}
.zy{border: 1px solid #dbdbdb;    width: 98%;    height: auto;    padding: 10px; margin-bottom:20px; margin-top:20px}
.nry_new_list ul li a{ color:#000; font-size: 18px;}
.nry_new_list ul li:hover{ border: 1px solid #e6212a;}
.nry_new_list ul li:hover a{ color:#e6212a}
.news_pic{ width: 328px; height: 154px; float: left;}
.news_pic img{ width: 100%; }
.news_list_c{ width:100%; height: 135px; }
.news_list_more{ display: block; width: 135px; height: 45px; margin-top: 10px; line-height: 45px; float: right; border: 1px solid #dedede; text-align: center; font-size: 14px!important;}
.nry_new_list ul li:hover .news_list_more{ background: #ffbd14; color: #fff; border:1px solid #ffbd14}
.news_c_t{height: 38px;font-size: 24px;font-weight: normal;line-height: 38px;color: #4b4a4a;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.zhaiyao{height: 24px;line-height: 24px;margin-bottom: 20px;}
.shangyipian{ width: 100%; height: 80px; border-bottom: 1px dashed #dedede; margin-bottom: 20px;}
.zhuanzai{ width: 100%; height: 80px; border-top: 1px dashed #dedede; padding-bottom: 20px;}
.prolist_title{ width: 100%; height: 50px; border-bottom: 1px solid #ebebeb;  }
.prolist_title span{ border-bottom: 1px solid #ffbd14; display: inline-block; height: 50px; width: auto; line-height: 50px; font-size: 24px;}
.banner_m{display: none}

@media screen and (max-width: 769px) {
	.product_r{display: none}
	.banner{display: none}
.banner_m{width: 100%; height: auto; display: block; position: relative; color: #fff;}
.banner_m img{ width: 100%; height: auto; position: relative; z-index: 1;}
.banner_m p{position: absolute; font-size: 1.6em; z-index: 2; top: 40%; left: 10px}
.banner_m font{position: absolute; font-size: 1em; z-index: 2; top: 55%; left: 10px}
.box{width: 100%; margin: 0 auto;}
.top_box{width: 100%; height: 115px; position: relative}
.top{ width: 100%; height: 115px; position: fixed; background: #fff; z-index: 9999}
.logo{ width: 80%;  height: 85px;float: left; background: url(../images/logo.jpg) no-repeat center; background-size:contain}
.logo a{ display: block; width: 100% ; height: 85px; text-indent: -9999px;}
.language{width: 190px; float: right; padding-top: 30px;}
.lan{float: left; width: 48%; text-align: right;}
.lan a:hover{color: #28a059}
.english{background: url(../images/en.jpg) no-repeat left}
.chinese{background: url(../images/zh.jpg) no-repeat left}
.lan-s{width: 1px; height: 14px; float: left; margin-left: 2%; margin-top: 3px; border-right: 1px solid #333}
.nav{width: 630px; height: 85px; float: right}
.nav li{width: 95%; height: 40px; line-height: 40px; float: none; margin:0 auto;text-align: left; border-bottom: 1px solid #ddd}
.sp_nav{width:50px;float:right;position:fixed;cursor:pointer;height:30px; right: 0; top: 60px;z-index: 9999}
.sp_nav span{display:block;background:#e6212a;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;z-index: 9999}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 82px);font-size:14px;line-height:40px; top: -100%; opacity: 0;left:0;overflow:auto;overflow-x:hidden;transition:all ease 0.8s;}
.nav_show{top:115px;opacity: 1;}
/* PRODUCT */
.swiper-container-r .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block!important;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.product_r{width: 100%; height: auto; padding-bottom: 40px; background: -webkit-linear-gradient(#fafafb, #f1f2f4);
  background: -o-linear-gradient(#fafafb, #f1f2f4); 
  background: -moz-linear-gradient(#fafafb, #f1f2f4); 
  background: linear-gradient(#fafafb, #f1f2f4); }
.swiper-container-r {width: 95%;height: auto; margin: 0 auto;}
.product_r_left{width: 100%; height: auto; float: none;}
.left_title_index{ padding-top: 40px; padding-bottom: 40px;}
.left_title_index p{ font-size: 24px; font-weight: bold; color: #333;line-height: 24px; padding-bottom: 10px;}
.left_title_index font{font-size: 20px; color: #333;}
.product_r_contact{line-height: 28px; width: 100%;}
.product_r_contact p{padding-bottom: 20px;}
.product_r_contact img{padding-bottom: 20px;}
.pro_r_more{ display: none}
.product_r_right{width: 100%; height: auto; float: none}
.product_r_right img{width: 100%;}
.product{width: 95%; height: 361px; margin: 0 auto; padding-top: 25px; padding-bottom: 10px;}
.title{width: 100%; height: 45px; margin-bottom: 30px;}
.title_main{width: 160px; height: 45px; float: left}
.title_main p{ font-size: 20px;}
.title_main font{font-size: 16px; font-weight: bold;}
.product_list_index{display: none}
.swiper-container {width: 100%;height: 266px;}
.swiper-slide {text-align: center;font-size: 18px;background: #dddddd; }
.swiper-slide:hover {background: #e6212a; }
.swiper-slide img{width: 100%; height: 221px;}
.swiper-slide p{height: 45px;}
.swiper-slide p a{color:#333; font-size: 16px; line-height: 35px;display: block; height: 100%; width: 100%;}
.swiper-slide:hover p a {color: #fff; }
#out_swiper{width: 100%;margin: 0 auto; position: relative}
.swiper_btn_next{width: 35px!important; height: 35px!important; background: url(../images/next.jpg) no-repeat center!important;top: 55%!important; right: -10px!important;}
.swiper_btn_prev{width: 35px!important; height: 35px!important; background: url(../images/prev.jpg) no-repeat center!important;top: 55%!important; left: -10px!important;}
	
/* ABOUT */
.about_index{width: 100%; height: auto; background: url(../images/about.jpg) repeat center; color: #fff; padding-top:20px;padding-bottom:20px;}
.about_video{width: 95%; height: auto; float: none; margin: 20px auto;}
.about_video img{ width: 100%;}
.about_content{width:95%; height: auto; background: #c21a31; float: none; margin: 0 auto; padding: 0px;;}
.about_index_title{width: 95%; margin: 0 auto; padding-top: 10px; height: auto; border-bottom: none}
.about_index_t{ width: 100%; height: 65px; float: none; border-bottom: 1px #fff solid;}
.about_index_t p{font-size: 20px;}
.about_index_t font{font-size: 17px; font-weight: bold;}
.about_index_c{display: none}
.about_index_cc{width: 95%; margin: 0 auto;height: auto;  font-size: 14px; line-height: 32px; margin-top: 15px;}
.about_more{display: none;}

/* NEWS */
.news_index{width: 95%; height: auto; margin: 0 auto; padding-top: 30px;padding-bottom: 30px;}
.news_index_list{width: 100%; height: auto; float: none}
.news_index_list ul li{width:100%;float: none; margin-right: 0px; margin-bottom: 10px;}
.news_index_name{width: 100%; height: 36px; line-height: 36px;}
.news_index_name p{width: 60%; float: left}
.news_index_name p a{color: #000;}
.news_index_name font{width: 40%; color: #999; font-size: 12px; text-align: right; display:block; float: right}
.news_index_desc{font-size: 12px; line-height: 24px;}
.first_news{ width: 100%; height: 366px; float: none; position: relative}
.first_news img{ position: absolute; z-index: 5; width: 100%; height: 100%;}
.first_news_con{ position: absolute; bottom: 0; width: 94%; height: 65px; background: rgba(0,0,0,0.7); z-index: 10; padding: 3%;}
.first_news_con p{ height: 24px;}
.first_news_con p a{color:#fff;}
.first_news_con font{color:#646464}
/* FOOT */
.foot{ width: 100% ;height: auto; background: #373b3c; border-top: 5px solid #c21a31}
.foot p{font-size: 16px; color: #fff; font-weight: bold;height: 38px;}
.foot a{ color:#fff; display: block; height: 17px;}
.foot_nav{display: none}
.foot_nav1{width: 95%; height: auto; margin: 0 auto;float: none;margin-top: 20px; padding-bottom: 20px;}
.copyright{ background: #2c3031; color: #fff;  text-align: center; height: 60px; line-height: 60px; }
.copyright a{color: #fff; }	
	
	
	
	
	/* child */
.webloc{ width: 95%; height: 65px; line-height: 65px;}
.webloc b {font-weight: normal;padding-left: 8px;}
.webloc a{ color:#000;}
.main{ width:95%; margin:0 auto; height:auto; zoom:1;overflow:hidden; margin-bottom:30px}
.main_left{ display: none}
.left_title{ width:220px; height:60px; background:#0857b3; color:#fff; line-height:60px; font-size:16px !important;    padding-left: 30px;}
.main_left ul { list-style:none;}
.li_c1{width: 215px;height: 46px;line-height: 46px;padding-left: 35px;background-image: url(../images/pro_list1.jpg)!important;border-bottom: 1px solid #e3e3e3;}
.li_c1 a{ color:#666; text-decoration:none}
.li_c1 a:hover{ color:#0857b3}
.li_c2{width: 201px;height: 36px;line-height: 36px;padding-left: 49px; background-image: url(../images/pro_list2.jpg)!important;border-bottom: 1px solid #e3e3e3; }
.li_c2 a{ color:#666; text-decoration:none; font-size:12px;}
.li_c2 a:hover{ color:#0857b3}
.main_right{ width:100%; float:right; height:auto; background:#fff; margin-bottom:30px}
.z_title{ width:100%; height:70px;line-height:50px;  font-size:24px; text-align:center  }
.zy_p{ width:50%; height:30px; line-height:30px; float:right; font-size:12px; text-align:right;}
.zy_p a{ color:#666}
.zy_content{ width:100%; line-height:28px}
.zy_content a{ color:#666;}
	
	.zhaiyao table tr td{width: 100%;}

.pro_box{ width:100%; height:auto; list-style:none; margin-top:20px;  }
.pro_box li{ width:95%; height:auto; padding: 15px 1% 0px 1%; float: left;text-align:left;border: 1px solid #dedede; margin-right: 10px; margin-bottom: 13px;}
.pro_box li:hover{border: 1px solid #ffbd14;}
.pro_box li:hover a{color: #ffbd14}
.pro_box_img{ width:100%; height: auto; float: left; margin-right: 15px;}
.pro_box li img{ width:100%;  height: auto; }
.pro_box li p{ padding-left: 10px;}
.pro_box li p small{ color: #888}
.pro_box li a{ color:#666; text-decoration:none; font-size:14px;}

.nry_new_list ul{ list-style:none;}
.nry_new_list ul li{ padding:2%; height: auto; width:95%; border: 1px solid #dedede;margin-bottom: 15px; color: #797979; font-size: 14px; line-height: 32px;}
.zy{border: 1px solid #dbdbdb;    width: 95%;    height: auto;    padding: 2%; margin-bottom:20px; margin-top:20px}
.nry_new_list ul li a{ color:#000; font-size: 18px;}
.nry_new_list ul li:hover{ border: 1px solid #f28e2e;}
.nry_new_list ul li:hover a{ color:#f28e2e}
.news_list_c{ width:100%; height: auto; }
.news_list_more{ display: none; width: 135px; height: 45px; margin-top: 10px; line-height: 45px; float: right; border: 1px solid #dedede; text-align: center; font-size: 14px!important;}
.nry_new_list ul li:hover .news_list_more{ background: #f28e2e; color: #fff; border:1px solid #f28e2e}
.news_c_t{height: 38px;font-size: 24px;font-weight: normal;line-height: 38px;color: #4b4a4a;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.zhaiyao{height: 24px;line-height: 24px;margin-bottom: 20px;}
.shangyipian{ width: 100%; height: auto; border-bottom: 1px dashed #dedede; padding-bottom: 20px; margin-bottom: 10px;}
.zhuanzai{ width: 100%; height: 80px; border-top: 1px dashed #dedede; padding-bottom: 20px;}
.prolist_title{ width: 100%; height: 50px; border-bottom: 1px solid #ebebeb;  }
.prolist_title span{ border-bottom: 1px solid #ffbd14; display: inline-block; height: 50px; width: auto; line-height: 50px; font-size: 24px;}
.pro_c_img{width: 99%; height: auto; float: none; margin: 0 auto;}
.pro_c_img img{width: 100%; height: auto;}
.pro_c_word{width: 100%; float: none; line-height: 36px;}
	.m_zy{display: none}

	.pro_img_child{width: 95%; height: 215px; float: none;}
.pro_desc_child{width: 95%; height: auto; float: none; margin-left: 0px; line-height: 34px;}
.child_pro_nav{display: block}
	.mm img{width: 100%;}
}